
<header class="home-head">
    <div class="container head-inner">
        <div class="h-con clearfix">
            <div class="h-ava"><img src="../images/demo/avatar5.jpg" alt="" class="img-circle img-responsive"/></div>
            <div class="h-author-info">
                <h2>
                    张三四
                    <small><span>导演</span><span>摄像</span><span>化妆</span></small>
                </h2>
                <p>狂奔的乌龟^_^ 人生永远只有两个选择，放弃或挺住！</p>
                <div class="other-info">
                    <a href="" class="btn-att"><i class="fa fa-plus"></i> 加关注</a>
                    <a href="" class="btn-send"><i class="fa fa-envelope"></i> 发私信</a>
                    <div class="a-num">
                        <span>作品：<a href="">400</a></span>
                        <span>关注：<a href="">500</a></span>
                        <span>粉丝：<a href="">600</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="head-mask"></div>
    <div class="head-poster" style="background-image: url(../images/home_headbg.jpg)"></div>
</header>
<nav class="home-menu">
    <ul class="container list-unstyled">
        <li class="active"><a href="">首页</a></li>
        <li><a href="">作品</a></li>
        <li><a href="">文章</a></li>
        <li><a href="">照片</a></li>
        <li><a href="">小组</a></li>
        <li><a href="">广场</a></li>
        <li><a href="">好友</a></li>
    </ul>
</nav>